/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018-11-27 Time: 23:51
 *
 * 网评List的列表item
 */

import React, {Component} from 'react';
import {
  View,
  Text
} from 'react-native';
import StarRating from 'react-native-star-rating';
import {styles} from './ReviewListItemView.Style';
import {COLOR_THEME, FONT_COLOR_SUB_TITLE} from "../../../../../constant/PHColors"

export default class ReviewListItemView extends Component {

  render() {
    return (
      <View style={styles.body}>

        {/* 第一行 */}
        <View style={styles.top}>
          <View style={styles.topLeft}>
            <View style={{width: 15}}/>
            <StarRating
              starSize={18}
              disabled={false}
              maxStars={5}
              rating={4}
              fullStarColor={COLOR_THEME}
              emptyStarColor={FONT_COLOR_SUB_TITLE}

            />
            <Text style={styles.topPointText}>
              4.5分
            </Text>
          </View>
          <View style={styles.topRight}>
            <Text style={styles.topFromText}>
              携程
            </Text>
          </View>
        </View>

        {/* 第二行 内容 */}
        <View style={styles.center}>
          <Text style={styles.centerText}>
             就在会场，非常方便，酒店住宿环境很好，早餐不错，就是因为会议期间，房间及其贵，约1400一晚，附近没有餐馆，不太方便
          </Text>
        </View>

        {/* 第三行 */}
        <View style={styles.bottom}>
          <Text style={styles.bottomText}>
            已回复
          </Text>
        </View>
      </View>
    )
  }
}
